<template>
  <div id="app">
    <!-- 其他登陆方式 -->
    <!-- 隅合过大，解隅 -->
    <div class="OTHER">
      <span>—— 其 他 登 陆  方 式 ——</span>
      <!-- FBIWarming: 两种登陆方式后期再说 -->
      <div class="other-login">
        <div class="login-weixin">
          <img :src="weixin">
        </div>
        <div class="login-qq">
          <img :src="qq">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'other',
  data () {
    return {
      weixin: require('@/assets/images/Login/Weixin.png'),
      qq: require('@/assets/images/Login/qq.png')
    }
  }
}
</script>
<style lang="scss">
.OTHER {
  // bottom: 0px;
  // left: 50%;
  // transform: translate(-50%, -50%);
  color: silver;
  text-align: center;
  span {
    padding-top: 50px;
  }
  div {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    div {
      width: 30%;
      img {
        height: 50px;
        width: 50px;
      }
    }
  }
}
</style>
